*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.header-top,.header-bottom{
    width: 1110px;
    margin: auto;
}
.clearfix:after,
.clearfix:before{
    display: block;
    content: "";
    clear: both;
}
.header-bottom{
    padding-top: 25px;
}
span{
    font-size: 20px;
}
.header-bottom ul li button{
    float: right;
    margin-top: 40px;
    padding: 5px;
}
li{
    list-style: none;
    height: 100px;
    line-height: 104px;
    border-bottom: 1px solid #d1d3d1;
}
#ul li:first-child{
    border-top: 1px solid #d1d3d1;
    border-bottom: 1px solid #d1d3d1;
}
li input{
    padding: 20px 600px 20px 6px;
    border: none;
    outline: none;
    font-size: 20px;
    background-color: #fff;
}
li .img{
    background-color: #fff;
    outline: none;
    border: none;
    font-size: 18px;
}
.h-left,.h-middle,.header-top img,.header-top h2,.h-right span,.h-right img{
    float: left;
}
.h-right{
    float: right;
 }
.header{
    background-color: #007bff;
}
.header-top{
    padding: 12px 0;
}
.h-middle{
    padding-left: 264px;
}
.h-middle input{
    padding: 10px 150px 10px 12px;
    opacity: 0.4;
    border: none;
    outline: none;
    font-size: 18px;
}
.h-left h2{
    color: #fff;
    padding-left: 4px;
}
.h-right{
    color: #fff;
    opacity: 0.4;
    padding-top: 10px;
}
.h-right img{
    padding-top: 10px;
    padding-left: 5px;
}
.h-right:hover{
    opacity: 0.99;
    cursor: pointer;
}

